<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--<title>集分零购</title>-->
    <link rel="stylesheet" href="__PUBLIC__/Product/css/page_infoindex.css">
    <!--<link rel="stylesheet" href="__PUBLIC__/Product/__PUBLIC__/Product/css/lib/animate.css">--> 
    <!--<script src="__PUBLIC__/Product/js/lib/prefixfree.js"></script>-->
    <script src="__PUBLIC__/Product/js/lib/flexible.js"></script>
    <style type="text/css">
    	.news_red_sys,.news_red_per{
				display: block;
				width: 0.5rem;
				height: 0.35rem;
				background-color: #ff4845;
				border-radius: 0.2rem;
				color: white;
				line-height: 0.36rem;
				font-size: 0.32rem;
				text-align: center;
				position: relative;
    			top: -.8rem;
    			left: -.6rem;
    			display: none;
			}
    </style>
    
</head>
<body>
    <div class="info_box">
        <!-- 头部 -->
        <div class="info_heard">
            <img src="__PUBLIC__/Product/img/fanhui.png" alt="返回" />
            <p>消息中心</p>
        </div>
        <!-- 内容 -->
        <div class="info_content">
            <div class="offset_box">
            	<div class="left">
            		<img src="__PUBLIC__/Product/img/tongzhi.png"/>
            	</div>
            	<div class="middle">
            		<p>系统消息</p>
            		<p class="p_bot">新消息将会在这里显示</p>
            		<span class="news_red_sys"></span>
            	</div>
            	<div class="right">2071.08.21</div>
            </div>
            <div class="offset_box">
            	<div class="left">
            		<img src="__PUBLIC__/Product/img/kefu.png"/>
            	</div>
            	<div class="middle">
            		<p>客服助手</p>
            		<p class="p_bot">在线咨询时间为9:00-18:00</p>
            	</div>
            	<div class="right">2071.08.21</div>
            </div>
            <div class="offset_box">
            	<div class="left">
            		<img src="__PUBLIC__/Product/img/wuliu.png"/>
            	</div>
            	<div class="middle">
            		<p>个人信息</p>
            		<p class="p_bot">查看订单、物流、退货、资产新进度</p>
            		<span class="news_red_per"></span>
            	</div>
            	<div class="right">2071.08.21</div>
            </div>
        </div>
    </div>
</body>
</html>
<script src="__PUBLIC__/Product/js/lib/jquery3.2.1.js"></script>
<script src="__PUBLIC__/Product/js/page_infoindex.js"></script>
<script>
	$(".info_heard img").click(function(){
		var str = "{:U('Shopindex/index')}";
    	window.location.href = str;
	});
	$(".offset_box:nth-child(2)").click(function(){
		var str = "{:U('Home/Info/feedback')}";
    	window.location.href = str;
	});
</script>
<script>
		$(function() {
		$.ajax({
			type:"post",
			url:"http://a.91jfk.com/Product/Notice/SysPerNum",
			dataType:'json',
			success:function(data){
				$(".offset_box:nth-child(1) .right").text(data.sys_time.substring(0,10));
				$(".offset_box:nth-child(2) .right").text(data.time.substring(0,10));
				$(".offset_box:nth-child(3) .right").text(data.person_time.substring(0,10));
				if(data.code== 1){		
					if(data.sysnum ===0){
						$(".news_red_sys").hide();
					}else{
						$(".news_red_sys").show();
						console.log(data.sysnum);
						$(".news_red_sys").text(data.sysnum + "+");
					}
					if(data.pernum === 0){											
						$(".news_red_per").hide();
					}else{
						$(".news_red_per").show();
						$(".news_red_per").text(data.pernum + "+");	
					}
				}else if(data.code == "0"){
					$(".news_red").css("display",'none');
				}
			},
			error:function(err){
				console.log(err)
			}
		});
	});
</script>